<!DOCTYPE html>
<html lang="en">
<head>
    <title>凤林花苑(一期)5栋</title>
    <meta charset="utf-8">
    <link href="/plugins/echarts/common.css" rel="stylesheet"/>
    <link rel="stylesheet" href="/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/style/admin.css" media="all">
    <link rel="stylesheet" href="/style/jmdf.css" media="all">
    <#setting number_format="#.##">
</head>
<body>
<!--顶部-->
<header class="header left">
    <div class="left nav">
        <ul>
            <li>&nbsp;</li>
        </ul>
    </div>
    <div class="header_center left" style="position:relative;font-weight: bold;font-size: 40px;">
        <span class="jmdf-color-red">凤林花苑（一期）</span>
    </div>
</header>
<div class="con left">
    <div class="div_any">
           <span style="position: absolute;top: 70px;">
            <span class="layui-badge"
                  style="background-color: ${colorMap['保障房']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:80px;">保障房</span>
               <span class="layui-badge"
                     style="background-color: ${colorMap['普选房']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:80px;">普选房</span>
           <span class="layui-badge"
                 style="background-color: ${colorMap['保障转普选']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:80px;">转普选</span>
                  <span class="layui-badge"
                        style="background-color: ${colorMap['一批结余房源']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:100px;">一批结余</span>
            <span class="layui-badge"
                  style="background-color: ${colorMap['一批已选']};font-size: 22px;padding-top: 5px;padding-bottom: 5px;width:100px;">一批已选</span>
               <span class="layui-badge"
                     style="background-color: red;font-size: 22px;padding-top: 5px;padding-bottom: 5px;width: 60px;">&nbsp;已选&nbsp;</span>
        </span>
        <div class="left div_any01" style="width:100%">
            <div class="div_any_child" style="width:99%;height: 1790px;">
                <div class="div_any_title" style="font-size: 25px;">[<span
                            class="jmdf-color-red">5号楼</span>]
                </div>
                <div id="housePic1" style="margin-top: 10px;"></div>
            </div>
        </div>

    </div>
</div>
<script src="/layui/layui.js" charset="utf-8"></script>
<script src="/plugins/jquery/jquery.min.js"></script>
</body>
<script>
    function loadHousePic1() {
        $("#housePic1").html("加载中，请稍后...");
        $.get("housePic", {
            azProjectId: 1,
            zsProjectIdStr: "'187','188','190','191','192','193','194','195','196','197','198'",//第一批次
            // zsProjectIdStr:"'199','200','201','202'",//第二批次
            // zsProjectIdStr:"'203','204','205','206','207'",//第三批次
            buildNum: '5',
            _time: new Date().getTime()
        }, function (data) {
            $("#housePic1").html(data);
        });
    }



    $(function () {
        loadHousePic1();
        setInterval('loadHousePic1()', 30000);
    })

</script>
</html>
